<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<!-- base标签为页面上的所有链接规定默认地址或默认目标 -->
<base href="<%=basePath%>">
<meta charset="UTF-8">
<!-- 链接外部css文件 -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/order-detail.css">
<script src="js/jquery-3.3.1.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/order-detail.js"></script>
<script src="js/header.js"></script>
</head>
<body>
	<div class="container">
		<div class="panel panel-default" style="margin: 5%">
			<div class="panel-heading">
			
			<h4 style=";">
				<p><font color="blue" size=""><a class="backLink"><i class="glyphicon glyphicon-circle-arrow-left">返回</i></a></font></p>
				<font color="blue" size=""><i class="glyphicon glyphicon-info-sign"><b>当前订单状态：
				<c:if test="${order.status==1}">申请成功</c:if>
				<c:if test="${order.status==2}">申请失败</c:if>
				<c:if test="${order.status==3}">审核中</c:if>
				</i></b></font>
			</h4>
				<h4>订单信息</h4>
			</div>
			<div class="panel-body">
				<div
					style="padding: 1%; border-bottom: 0px solid grey; border-top: 1px solid lightslategrey">
					<h5 style="color: #2b669a;">
						<b>领养人信息:</b>
					</h5>
					<ul class="list-inline col-md-offset-1">
						<li style="padding-right: 3%"><p>姓名：${user.username }</li>
						<li style="padding-right: 3%"><p>手机:${user.phone }</p></li>
						<li style="padding-right: 3%"><p>email:${user.email }</p></li>
					</ul>
				</div>
				<div class="col-md-12 col-xs-12"
					style="padding: 1%; border-bottom: 1px solid grey; border-top: 1px solid lightslategrey">
					<h5 style="color: #2b669a;">
						<b>订单信息:</b>
					</h5>
					<ul class="list-inline  col-md-offset-1">
						<li style="padding-right: 3%"><p>订单编号：${order.orderId }</p></li>
						<li style="padding-right: 3%"><p>创建时间：${order.createTime}</p></li>
					</ul>
					<div class="col-md-12 pull-left"
						style="background-color: honeydew; margin-top: 2%; padding-top: 3%; border-top: 1px solid lightgrey; border-bottom: 1px solid lightgrey">

						<dl class="dl-horizontal">
							<dt style="">
								<a class="
									thumbnail" href="http://localhost:8080/distribute-portal/item/${order.orderItem.itemId}.html"><img
									style="" src="${order.orderItem.picPath}" alt=""></a>
							</dt>
							<dd style="padding: 1% 8%">
								<ul style="list-style:none">
									<li><p>宠物名：${order.orderItem.name}</p></li>
									<li><p>年龄：${order.orderItem.age}岁</p></li>
									<li><p>性别：${order.orderItem.sex}</p></li>
								
								</ul>
							</dd>
						</dl>
						</ul>
					</div>
				</div>
			</div>
			<div class="panel-footer"></div>
		</div>

	</div>
</body>
<script type="text/javascript">
$(function () {
$(".backLink").click(function(){
		window.history.back();
	});
});
	
</script>
</html>